<template>
  <div>
    <h1>Header</h1>
    <p>Count的值是{{count}}</p>
    <p>价格{{price}}</p>
  </div>
</template>

<script>
import {mapState} from "vuex"
export default {
name: "Header",
computed:{
    //直接使用mapState去获取store中的值,并且提供了计算属性给我们,我们展开放在computed中

...mapState(["count","price"])
}
}
</script>

<style>

</style>